﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>box列表</title>
    <style type="text/css">
        #stationlistDiv {
        height: 550px; width: 1091px; float: left; margin-top: 5px; border: 1px solid #ccc; overflow-x: hidden; overflow-y: auto; z-index: 1; position: absolute; background-color: white;
        }
        .levelDiv {height: 130px;width: 162px;float: left;margin: 10px 0 0 10px;border-radius: 5px;color: White;font-size: 12px;font-family: 宋体;}
        .levelDiv .level_title{height: 25px; line-height: 25px; width: 100%; text-align: center;font-weight:bold;}
        .levelDiv .level_label{height: 20px; line-height: 20px; width: 100%; text-align: left;text-indent: 10px;}
        .color1 {background-color: #2B9332;border: 1px solid #1E6623;}
        .color2 {background-color: #0092CE;border: 1px solid #006997;}
        .color3 {background-color: #F0952F;border: 1px solid #9E580C;}
        .color4 {background-color: #D94917;border: 1px solid #8C2F0F;}
    </style>
</head>
<body style="margin: 0px; padding: 0px;">

    <div id="stationlistDiv">

        <div class="levelDiv color1">
            <div class="level_title">station1</div>
            <div class="level_label">时间：2019-12-31</div>
            <div class="level_label">温度：15.2℃</div>
            <div class="level_label">湿度：92%</div>
            <div class="level_label">雨量：0.977mm</div>
            <div class="level_label">侵染：无侵染</div>
        </div>
         <div class="levelDiv color2">
            <div class="level_title">station2</div>
            <div class="level_label">时间：2019-12-31</div>
            <div class="level_label">温度：15.2℃</div>
            <div class="level_label">湿度：92%</div>
            <div class="level_label">雨量：0.977mm</div>
            <div class="level_label">侵染：1代</div>
        </div>
         <div class="levelDiv color3">
            <div class="level_title">station3</div>
            <div class="level_label">时间：2019-12-31</div>
            <div class="level_label">温度：15.2℃</div>
            <div class="level_label">湿度：92%</div>
            <div class="level_label">雨量：0.977mm</div>
            <div class="level_label">侵染：2代</div>
        </div>
         <div class="levelDiv color4">
            <div class="level_title">station4</div>
            <div class="level_label">时间：2019-12-31</div>
            <div class="level_label">温度：15.2℃</div>
            <div class="level_label">湿度：92%</div>
            <div class="level_label">雨量：0.977mm</div>
            <div class="level_label">侵染：3代</div>
        </div>

    </div>

</body>
</html>
